<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
       /* 后代选择器 选择所有子元素 可以嵌套*/
        /* .parent p{
            color: rebeccapurple;
        } */
        /*子选择器 只选择直接的元素*/
        .parent>p{
            color: rebeccapurple;
        }
     
    </style>
</head>
<body>
    <div  class="parent">
        <h1>标题1</h1>
    <p>段落1
        <div>
            <p>段落2</p>
        </div>
    </p>
    </div>
    <p>段落3</p>
   
</body>
</html>